From 63f1a6780bab85ebb48ca1fc142cc6beaf772faa Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Mon, 3 Oct 2022 23:13:49 -0700
Subject: refactoring

---
 src/routes/[username]/support/+page.svelte | 103 ++++++++++++++---------------
 1 file changed, 48 insertions(+), 55 deletions(-)

(limited to 'src/routes/[username]/support')

diff --git a/src/routes/[username]/support/+page.svelte b/src/routes/[username]/support/+page.svelte
index 663ba8a6..796f72ec 100644
--- a/src/routes/[username]/support/+page.svelte
+++ b/src/routes/[username]/support/+page.svelte
@@ -1,65 +1,58 @@
 <script>
-	// this needs to be hooked up to the backend
-	import { AppHeader } from '$comp';
-	import { user } from '$lib/store';
 	import { t } from '$lib/translations';
 	let email;
 	let message;
 </script>
 
-{#if $user}
-	<AppHeader />
+<div class="mt-24 mb-20">
+	<h1 class="text-center text-3xl md:text-4xl font-semibold mb-10">
+		{$t('user.support.header')}
+	</h1>
 
-	<div class="mt-24 mb-20">
-		<h1 class="text-center text-3xl md:text-4xl font-semibold mb-10">
-			{$t('user.support.header')}
-		</h1>
+	<form class="space-y-5 mx-auto w-11/12 md:w-[350px]">
+		<div>
+			<label for="email" class="font-semibold">{$t('user.support.email')}</label>
+			<input
+				class="block border rounded-xl p-2 w-full"
+				type="email"
+				name="email"
+				bind:value={email}
+				required
+			/>
+		</div>
 
-		<form class="space-y-5 mx-auto w-11/12 md:w-[350px]">
-			<div>
-				<label for="email" class="font-semibold">{$t('user.support.email')}</label>
-				<input
-					class="block border rounded-xl p-2 w-full"
-					type="email"
-					name="email"
-					bind:value={email}
-					required
-				/>
-			</div>
+		<div>
+			<label for="account" class="font-semibold">{$t('user.support.accountName')}</label>
+			<input
+				class="block border rounded-xl p-2 w-full"
+				type="text"
+				name="account"
+				required
+				disabled
+				value={user.username}
+			/>
+		</div>
 
-			<div>
-				<label for="account" class="font-semibold">{$t('user.support.accountName')}</label>
-				<input
-					class="block border rounded-xl p-2 w-full"
-					type="text"
-					name="account"
-					required
-					disabled
-					value={$user.username}
-				/>
-			</div>
+		<div>
+			<label for="message" class="font-semibold">{$t('user.support.message')}</label>
+			<textarea
+				rows={5}
+				class="block border rounded-xl p-2 w-full"
+				type="text"
+				name="message"
+				bind:value={message}
+				required
+			/>
+		</div>
 
-			<div>
-				<label for="message" class="font-semibold">{$t('user.support.message')}</label>
-				<textarea
-					rows={5}
-					class="block border rounded-xl p-2 w-full"
-					type="text"
-					name="message"
-					bind:value={message}
-					required
-				/>
-			</div>
-
-			<button
-				disabled={!email || !message}
-				class="{!email || !message
-					? 'opacity-50'
-					: 'opacity-100'} bg-black text-white font-bold rounded-xl py-3 w-full mx-auto {email &&
-				message
-					? 'hover:opacity-80'
-					: ''}">{$t('user.support.send')}</button
-			>
-		</form>
-	</div>
-{/if}
+		<button
+			disabled={!email || !message}
+			class="{!email || !message
+				? 'opacity-50'
+				: 'opacity-100'} bg-black text-white font-bold rounded-xl py-3 w-full mx-auto {email &&
+			message
+				? 'hover:opacity-80'
+				: ''}">{$t('user.support.send')}</button
+		>
+	</form>
+</div>
-- 
cgit v1.2.3